:root {
    font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;

    --neutral-50: 249,249,249;
    --neutral-100: 242,242,243;
    --neutral-200: 228,228,230;
    --neutral-300: 201,201,204;
    --neutral-400: 146,147,153;
    --neutral-500: 92,93,102;
    --neutral-600: 78,79,89;
    --neutral-700: 65,66,76;
    --neutral-800: 51,52,63;
    --neutral-900: 37,38,50;
    --neutral-950: 22,24,35;
    --neutral-1000: 6,7,22;

    --black: 0, 0, 0;
    --white: 255, 255, 255;


    --color-bg-b0: rgba(var(--white),1);
    --color-bg-b1: rgba(var(--neutral-50),1);
    --color-bg-b2: rgba(var(--neutral-100),1);
    --color-bg-b3: rgba(var(--neutral-200),1);

    --theme-color: #fb3159;
    --navigation-width: 4.5rem;
    --navigation-expend-width: 10rem;
    --header-height: 4.25rem;
    --color-line-l3: rgba(22, 24, 35, 0.06);

    --color-fill-hover: rgba(37, 38, 50, 0.08);

    --logo-url: url(@/assets/logo-horizontal-dark.svg) no-repeat;
    --logo-small-url: url(@/assets/logo-horizontal-small-dark.svg) no-repeat;
    --logo-transparent-url: url(@/assets/logo-horizontal-dark.svg) no-repeat;

    --color-text-t0: rgba(var(--black), 1);
    --color-text-t1: rgba(var(--black), 0.9);
    --color-text-t2: rgba(var(--black), 0.75);
    --color-text-t3: rgba(var(--black), 0.5);
    --color-text-t4: rgba(var(--black), 0.34);
    --color-text-t5: rgba(var(--black), 0.34);

    --color-const-text-white: #fff;
     /* color-scheme:light dark; */
    --color-primary: #fe2c55;

    --nav-bg-img-url: url(@/assets/nav_light_v2.9506b4d1f28ffe46.png);
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

ul,
li {
    list-style: none;
}

.text-box{
    height:auto;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: var(--lineClamp);
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
}


::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: var(--vv-scrollbar-backgroundcolor);
    /* background-color: #fb3159; */
}

:root[dark] {
    color: #f6f6f6;
    background-color: #2f2f2f;
    --color-bg-b0: rgba(var(--neutral-950),1);
    --color-bg-b1: rgba(var(--neutral-900),1);
    --color-bg-b2: rgba(var(--neutral-800),1);
    --color-bg-b3: rgba(var(--neutral-700),1);

    --color-text-t0: rgba(var(--white), 1);
    --color-text-t1: rgba(var(--white), 0.9);
    --color-text-t2: rgba(var(--white), 0.75);
    --color-text-t3: rgba(var(--white), 0.5);
    --color-text-t4: rgba(var(--white), 0.34);
    --color-text-t5: rgba(var(--white), 0.34);
    --nav-bg-img-url: url(@/assets/nav_dark_entry_optimize.0a152468e265e6fb.png);

}
@media (min-width: 1240px) {
    :root {
        --navigation-width: 10rem;
    }
}